<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TW</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ddtabmenu.js"></script>
</head>

<body>
<div class="wrap">	
	<div id="pagewidth">
    	<div id="header">
        	<div class="banner"><img src="images/banner.jpg" width="930" height="124" /></div>
            <div class="navigation">
                <div id="topmenu">
                    <!--Menu Top-->
                    <div id="ctl00_ctl00_uc_header1_animatedMenu" class="basictab">
                      <ul>
                        <li class="first"><a href="#" rel="sc0"><span>Trang chủ</span></a></li>
                        <li class="current"><a href="#" rel="sc3"><span>Nhập báo cáo</span></a></li>
                        <li><a href="#" rel="sc2"><span>Danh sách báo cáo</span></a></li>
                        <li><a href="#" rel="sc1"><span>Tìm kiếm</span></a></li>
                        <li><a href="#" rel="sc311"><span>Tin nhắn</span></a></li>
                        <li><a href="#" rel="sc538"><span>Hướng dẫn</span></a></li>
                        <li class="end"><a href="#"><span>Thoát</span></a></li>
                        <li class="end"><a href="#"><span>Tài khoản</span></a></li>
                      </ul>
                    </div>
                    <div class="tabcontainer">
                      <div id="sc2" class="tabcontent">
                        <ul>
                          <li><a href="#">Hà Nội</a> | </li>
                          <li><a href="#">Thái Bình</a> | </li>
                          <li><a href="#">Hưng Yên</a> | </li>
                          <li><a href="#">Hải Dương</a> | </li>
                          <li><a href="#">Hải Phòng</a> | </li>
                          <li><a href="#">Cao Bằng</a> | </li>
                          <li><a href="#">Thanh Hóa</a> | </li>
                          <li><a href="#">Nghệ An</a> | </li>
                          <li><a href="#">Đồng Nai</a> | </li>
                          <li><a href="#">TP Hồ Chí Minh</a> | </li>
                          <li><a href="#">Long An</a> | </li>
                          <li><a href="#">Lâm Đồng</a></li>
                        </ul>
                      </div>
                    </div>
                    <SCRIPT language="javascript" type="text/javascript">
                        var delayhide;
                        $(".basictab li").mouseover(function() {
                            showTab($(this).find("a").attr('rel'));
            
                        });
                        function showTab(obj) {
                            $(".basictab").find("li").find("a:first").removeClass("current");
                            $('.basictab a[rel="' + obj + '"]').addClass("current");
                            $('div[id^=sc]').hide();
                            $('#' + obj).css("display", "block");
            
                        }
                        $(document).ready(function() {
            
                            $(".tabcontent").each(function(i) {
                                var $parent = $('.basictab a[rel="' + $(this).attr('id') + '"]');
                                var left = $parent.position().left;
                                var width = $parent.width();
                                var thisWidth = $(this).width();
                                // alert($parent.html() + ' ' + thisWidth + ' ' + width);
                                if (thisWidth / 2 < left + width / 2) {
                                    var pLeft = 0;
                                    pLeft = left + width / 2 - thisWidth / 2 + 10;
                                    $(this).css('padding-left', pLeft + 'px');
                                }
                            });
            
                            showTab('sc0');
            
                            $("#topmenu").mouseover(function() {
                                if (window.delayhide)
                                    clearTimeout(delayhide);
                            }).mouseout(
                           function() {
                               delayhide = setTimeout('showTab("sc0")', 100);
                           });
                        });
                    </SCRIPT>
                    <!--End Menu Top-->
                  </div>
            </div>
        </div><!--E: div#header-->
        <div id="center"><div class="maincontent">
        	<div class="enterreport">
            	<table cellpadding="0" cellspacing="0" border="0" width="100%" class="tablereport">
                	<tr><td width="20%" style="border-top:none">
                    		<label class="titleAR">Chọn báo cáo</label>
                    	</td>
                        <td width="80%" style="border-top:none"><input type="file" /></td>
                    </tr>
                	<tr><td>
                    		<label class="titleAR">Chọn mục</label>
                    	</td>
                        <td><select class="cbo"><option>Select</option></select></td>
                    </tr>
                	<tr><td>
                    		<label class="titleAR">Chọn loại báo cáo</label>
                    	</td>
                        <td><select class="cbo"><option>Select</option></select></td>
                    </tr>
                	<tr><td>
                    		<label class="titleAR">Thời gian</label>
                    	</td>
                        <td>
                        	<div class="clearfix">
                            	<div class="floatleft selecttime"><label class="titleAR">Tháng</label> <select class="cbo" style="width:98px"><option>Select</option></select></div>
                            	<div class="floatleft selecttime"><label class="titleAR">Năm</label> <select class="cbo" style="width:98px"><option>Select</option></select></div>
                            	<div class="floatleft"><label class="titleAR">Quý</label> <select class="cbo" style="width:98px"><option>Select</option></select></div>
                            </div>
                        </td>
                    </tr>
                	<tr><td style="vertical-align:top">
                    		<label class="titleAR">Ghi chú</label>
                    	</td>
                        <td><textarea class="textarea"></textarea></td>
                    </tr>
                </table>
                <div class="buttons">
                    <input type="submit" class="submits" value="Tải Báo cáo" />
                    <input type="submit" class="submits" value="Đọc Báo cáo" />
                </div>
            </div><!--[enterreport]-->
        </div></div><!--E: div#center-->
        
        <div id="footer" class="clearfix">
        	<div class="copyright">
            	Ban quản lý Dự án Cạnh tranh ngành chăn nuôi và an toàn thực phẩm<br />
Địa chỉ: Tầng 8, tòa nhà Liên Cơ 02, số 16 Thụy Khuê, Tây Hồ, Hà Nội<br />
Điện thoại: 04.37921053   Fax: 04.37921052  
            </div>
            <div class="linkbottom"><a href="#">Trang chủ</a> | <a href="#">Đầu trang</a></div>
        </div><!--E: div#footer-->
    </div>
</div>
</body>
</html>
